body{
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1136%26quot%3b)' fill='none'%3e%3cpath d='M -2025.92143508504%2c880 C -1641.92%2c738.6 -873.92%2c201.8 -105.92143508504009%2c173 C 662.08%2c144.2 1408.89%2c700.8 1814.07856491496%2c736 C 2219.26%2c771.2 1898.82%2c426.4 1920%2c349' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -1381.4396702770707%2c561 C -997.44%2c530.6 -229.44%2c392.4 538.5603297229293%2c409 C 1306.56%2c425.6 2182.27%2c693.6 2458.560329722929%2c644 C 2734.85%2c594.4 2027.71%2c257.6 1920%2c161' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -2842.712972105169%2c449 C -2458.71%2c509.8 -1690.71%2c781.6 -922.712972105169%2c753 C -154.71%2c724.4 428.74%2c325.4 997.287027894831%2c306 C 1565.83%2c286.6 1735.46%2c586 1920%2c656' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -680.0533697080507%2c368 C -296.05%2c427.8 471.95%2c661.8 1239.9466302919493%2c667 C 2007.95%2c672.2 3023.94%2c402.4 3159.946630291949%2c394 C 3295.96%2c385.6 2167.99%2c578.8 1920%2c625' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -922.3094978880818%2c517 C -538.31%2c593.2 229.69%2c908.4 997.6905021119182%2c898 C 1765.69%2c887.6 2733.23%2c455.2 2917.6905021119182%2c465 C 3102.15%2c474.8 2119.54%2c850.6 1920%2c947' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -2461.222219339088%2c136 C -2077.22%2c270.2 -1309.22%2c760.6 -541.2222193390882%2c807 C 226.78%2c853.4 886.53%2c338.6 1378.777780660912%2c368 C 1871.02%2c397.4 1811.76%2c836.8 1920%2c954' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -1972.8270996506722%2c895 C -1588.83%2c815.6 -820.83%2c495 -52.827099650672125%2c498 C 715.17%2c501 1472.61%2c907.4 1867.1729003493278%2c910 C 2261.74%2c912.6 1909.43%2c590.8 1920%2c511' stroke='rgba(12%2c 20%2c 128%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1136'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e"); 
}

/*  Navbar */
.logo{
    width:100%;
}

.navbar {
  color: #fff5f5;
  position: fixed;
  width: 100%;
  transition: top 0.8s;
  backdrop-filter: blur(5px);
  font-size: 20px;
}

.navbar.retracted {
  top: -100px; 
}

/* Inicio */
#head.secondary { 
    height:100px; 
    min-height: 100px; 
    padding-top:0px; 
}

.breadcrumb { 
    background:none; 
    padding:0; 
    margin:20px 0 0px 0; 
}

.contenedor {
    display: flex;
    flex-direction: column;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 5%;
    
    
}

th, td {
    border: 1.2px solid #4e4e4e;
    padding: 10px;
    text-align: center;
    
}

table td {
    padding: 0.2%;
    background-color: #ffffff;
}

thead th{
    padding: 0.2%;
    background-color: #d6d4d4;
    text-align: center;
    align-items: center;
}

#txtI2 {
  text-align: justify;
  font-size: 14px; 
}
/*tarjetas*/

.container-tarjeta{
	width: 100%;
	display: flex;
	max-width: 1150px;
	margin: auto;
  margin-top: 0%;
  

}
.titulo_tarjetas{
	width: 100%;
	max-width: 1080px;
	margin: auto;
	padding: 20px;
	text-align: center;
	color: #aa0b05;
    font-family:"Open sans", Helvetica, Arial;
    margin-top: -1%;
}
.tarjeta{
	width: 100%;
	margin: 10px;
	overflow: hidden;
  border-radius: 9px;
  background: linear-gradient(160deg, #490d0d, #ad1515);
  box-shadow:  7px 7px 9px #000000,
             -7px -7px 4px #ffffff;
}
.tarjeta:hover{
	transform: translateY(-3%);
}
.tarjeta img{
	width: 100%;
	height: 210px;
  
}
.tarjeta .contenido-tarjeta{
	padding: 15px;
	text-align: center;
  
}
.tarjeta .contenido-tarjeta h3{
	margin-bottom: 15px;
	color: #ffffffd0;
}
.tarjeta .contenido-tarjeta p{
	line-height: 1.8;
	color: #0000009c;
	font-size: 14px;
  text-align: justify;
  padding: 5px;
	margin-bottom: 5px;
  font-weight: bold;
}
.tarjeta .contenido-tarjeta a{
	display: inline-block;
	padding: 10px;
	margin-top: 10px;
	text-decoration: none;
	border: 1px solid #0059ad00;
	background: #D5CAC9;
	color: #851313;
	border-radius: 5px;
	transition: all 400ms ease;
	margin-bottom: 5px;
  font-weight: bold;
}
.tarjeta .contenido-tarjeta a:hover{
  border: 1px solid #020202;
	background: #fcfcfcbd;
	color: #000000;
}

/* Footer */
.footer1 { 
  margin-top: 2%;
  background: linear-gradient(100deg, #490d0d, #ad1515dc);
  padding: 30px 0 0 0; 
  font-size: 17px; 
  color: #f1f1f1d5; 
}

.footer1 a { 
  color: #ffffffe5; 
}

.footer1 a:hover {
  color: #fff; 
}
.footer1 .widget-title { 
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 19.5px; 
  font-weight: bold; 
  color: #ccc; 
  margin: 0 0 15px;  
}

.follow-me-icons { 
  font-size:30px; 
}		
.follow-me-icons i { 
  float:left; 
  margin:0 10px 0 0; 
}		

.footer2 { 
  background: linear-gradient(100deg, rgb(0, 0, 0), #421515,#ad1515);
  padding: 15px 0; 
  color: #fffdfdc2; 
  font-size: 14px; 
}
  .footer2 a { 
    color: #d6d6d6; 
  }
  .footer2 a:hover { 
    color: #fff; 
  }
  .footer2 p { 
    margin: 0; 
  }
  


/* Tabla */
@media (max-width: 600px) {
  table {
        margin-right: 1%;
        margin-left: 5.5%;
        width: 90%;
    }

  #tableI2{
    margin-right: 0%;
    margin-left: 0.8%;
    width: 99%;
    font-size: small;
    text-align: center;
  }

  #txtI2{
    font-size: 13px;
    text-align: left;
  }

  #btnContacto{
    margin-right: 1%;
    margin-left: 1%;
  }

}


@media (min-width: 768px) {
    .contenedor {
        flex-direction: row;
    }
}

.image-contenedor {
    flex: 1;
    margin-top: 5%;
}

.info-contenedor {
    flex: 2;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px;
}

.info-contenedor h1{
  flex: 2;
  margin-left: 48px;
  margin-top: 10%;
  padding: 0px;
}


/* Estilos para la imagen */
.image {
    max-width: 100%;
    height: auto;
}


/* Responsive */
@media only screen and (min-width:1600px) {

	.sect {
    width: 100%;
    min-height: 850px;
  }
  video {
    height: 300%;
  }
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}

@media only screen and (min-width:2008px)  {

	.sect {
    width: 100%;
    min-height: 1050px;
  }
  video {
    height: 700%;
  }
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}

@media only screen and (min-width:2600px) {

	.sect {
    width: 100%;
    min-height: 1250px;

  }
  video {
    height: 900%;
  }
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  
}


@media only screen and (min-width:301px) and (max-width:768px){
	.container-tarjeta{
		flex-wrap: wrap;
	}
	.tarjeta{
		margin: 15px;
	}

  .titulo{
    padding-top: 14rem;
    text-align: center;
  }
  
  .tagline{
    text-align: center;
    margin: 2%;
  }

  .principal{
    padding-left: 5%;
  }

  .btnC, .btnP{
    margin-left: 18%;
    margin-top: 5%;
    width: 60%;
    }

    .logo{
      top: 24%;
      width: 25%;
      position: absolute;
  }
  .navbar-header{
    width:100%;
  }
  #table2 {
    font-size: 11px;
    margin-left: 4%;
  }

  }

  @media only screen and (min-width:200px) and (max-width:300px){
    .container-tarjeta{
      flex-wrap: wrap;
    }
    .tarjeta{
      margin-top: 1%;
      height: auto;
    }
  
    .titulo{
      padding-top: 14rem;
      text-align: center;
      font-size: 35px;
    }
    
    .tagline{
      text-align: center;
      margin: 2%;
    }
  
    .principal{
      padding-left: 0%;
    }
  
    .btnC, .btnP{
      text-align: center;
      margin-left: 18%;
      margin-top: 5%;
      width: 60%;
      }
  
  
      .logo{
        top: 24%;
        width: 25%;
        position: absolute;
    }
    .navbar-header{
      width:100%;
    }
    
    #btnC,#btnP{
      width: 70%;
      margin-left: 15%;
    }
    table{
      margin-left: 5%;
      font-size: 13px;
    }
    #table2 thead{
      font-size: 11px;
   }
   #table2 td{
    font-size: 12px;
    
 }
 #table2 {
  margin-left: 0%;
  font-size: 9px;
}
    }